<template>
  <div class="top">
    <span class="iconfont icon-waimai"></span>
    <h3 v-show="!collapse">{{ LogoText }}</h3>
  </div>
</template>

<script>
import { mapState } from "vuex";
import { LogoText } from "@/utils/config";
export default {
  computed: {
    ...mapState(["collapse"]),
    LogoText() {
      return LogoText;
    },
  },
};
</script>

<style lang="less" scoped>
.top {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  .iconfont {
    font-size: 40px;
    color: #fa0;
    margin-right: 8px;
  }
}
</style>